/**
 * 当前皮肤版本版本号:3,每次更新内容请增加版本号以方便一致性校验
 */


/**
 * 所有地方的默认字体颜色
 */




/**
 * 滚动条颜色
 */

.custom-scrollbar::-webkit-scrollbar {
	background: #F0F0F0;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background: #CACACA;
}

/* 路由菜单高亮颜色 */
.tags-view-container .tags-view-wrapper .tags-view-item.active {
	background-color: #368ED9;
    color: #fff;
    border-color: #368ED9;
}

/**
 * 对应buttonStyle.css
 */

.nomalButton {
	background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #5273C3 100%);
	color: white;
	border-color: #5273C3;
}

.nomalButton:hover:active {
	background: linear-gradient(to right, #506cb0 0%, #5273C3 50%, #506cb0 100%);
}

.cancelButton {
	background: white;
	color: #409eff;
	border: solid 1px #409eff;
	padding: 8px 25px;
	border-radius: 5px;
	cursor: pointer;
}

.sureButton {
	background: #409eff;
	color: white;
	border: solid 1px #409eff;
	padding: 8px 25px;
	border-radius: 5px;
	cursor: pointer;
}

.loginButton {
	background: #308ff7;
	color: white;
	border-color: #308ff7;
}

.loginButton:hover:active {
	background: #51a1f9;
	border-color: #51a1f9;
}

.specialButton {
	background: white;
	color: #5273C3;
	border-color: #5273C3;
}

.specialButton:hover:active {
	background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #5273C3 100%);
	color: white;
}


/**
 * 带图按钮样式
 */

.icoButton-body {
	background: white;
	/* color: #3F3F3F; */
	color: #409eff;
	/* border-color: #C9C9C9; */
	border-color: #409eff;
}

.icoButton-body:hover:active {
	border-color: #5273C3;
}

.icoButton-body span {
	color: #409eff;
}



/**
 * 对应input.css
 */

input,
textarea {
	border: silver 1px solid;
	background: white;

}

input:hover,
textarea:hover {
	border-color: #87CEEB;
}

/* input:focus,
textarea:focus {
	border-color: #87B2DE;
	box-shadow: #000000 1px 1px 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
} */

.pickerText {
	background: white;
	border: silver 1px solid;
}


/**
 * 大背景
 */

#app {
	background: #F7F7F7;
}


/**
 * 顶部通知栏
 */

.topMenu {
	/* background: linear-gradient(to right, #02143a 0%, #2c537d 50%, #02143a 100%); */
	/* background-color: #304156; */
	background-color: #fff;
	box-shadow: 0 1px 4px rgb(0 21 41 / 8%) !important;
	/*background: #095f4e;*/
}


.webTitle {
	color: white;
}

.unitSelect span {
	color: #000;
}


/**
 * 老版未替换树形结构组件，例如顶部单位弹窗等
 */

.oldTreeBody {
	/* background: #E3E9EE; */
	background: #fff;
	color: black;
}

.oldTreeChecked span {
	color: #5273C3;
}

.unitMenu .readDeviceTreeBody {
	border-color: #b3b3b3;
}


/**
 * 展开左侧树形结构
 */

.lefttreeBody .tree {
	/* background: #E3E9EE; */
	background: #fff;
}

.treeNode {
	color: #313131;
}

.flexBetween .baseTreeBody {
	background: #F1F4F7;
}

.baseTreeBody .nowCheckItem span {
	color: #5273C3 !important;
}


/**
 * 左侧菜单
 */

.lefMenu {
	/* background: linear-gradient(to top, #0a2b6a 0%, #061e50 30%, #041b4a 100%); */
	background-color: #304156;
}

.lefMenu span {
	color: white;
}

.lefMenu .treeNode {
	color: white;
}

.treeNodeSelected {
	color: white;
	background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #041e4f 100%);
}

span.nowCheckItem {
	color: white;
}


/**
 * 右侧顶部编辑按钮栏
 */

.buttonLine {
	background: #EAEEF2;
}


/**
 * 右侧顶部编辑栏中筛选组件
 */

.filterP {
	color: #5273C3;
}

.filterDiv>div>p.isCheck {
	color: white;
	background: #fc2929;
}


/**
 * 表格组件
 */

.nowChecked>td {
	background-color: #add5ff !important;
	color: #1A1A1A !important;
}

.infolist-table-title {
	/* background: #E7F0F8; */
	background: #F1F4F7;
}

.infolist-table-body-bg1 {
	background: #FFFFFF;
}

.infolist-table-body-bg2 {
	background: #F2F6FA;
}

.infolist-table-body tr:hover td {
	/* background-color: #dce5ed; */
	background-color: #F1F4F7;
}

.index-div.page-border {
	border-color: #C9C9C9;
}

.index-div.page-border.nowselect {
	border-color: #5273C3;
	/* color: #5273C3 !important; */
	background: #0B70C1;
	color: white;
}


/**
 * 登录页面
 */

.cnTitle {
	color: white;
}

.loginTitle {
	color: #2a99f5;
}


/**
 * 卡片组件样式
 */

.card-nomal {
	background: #FAFAFA;
}

.card-add {
	background: #F7F7F7;
}

.card-nomal>.card-title {
	border-bottom-color: #DADADA;
}


/**
 * 台账卡片
 */

.archivesCardNotBindU {
	color: #848484;
}

.archivesCardBindedU {
	color: #ea644a;
}
.nowUnit-name {
	color: #000000 !important;
}

/**
 * 单位概况配色方案，不建议每个皮肤都修改它
 */

.usePowerUnitBody {
	/* background: #11173C; */
	background: #223247;
}

.usePowerUnitBody span,
.usePowerUnitBody p {
	color: white;
}

.topLeftTitleContent,
.usePowerUnitBlock .info,
.usePowerUnitBoxTitle {
	/* background-color:#12408A ; */
	background: #2DA6EB;
	color: white;
}

.bodyBorder,
.usePowerUnitBoxInfo {
	/* border: 1px solid #12408A; */
	border: 1px solid #2DA6EB;
}
.columns-bian {
	color: #fff !important;
}

.usePowerUnitBoxInfo {
	color: #ff9900 !important;
	/* background: #00235c; */
	background: #21577d;
	/* border: 1px solid #12408A; */
	border: 1px solid #2da6eb;
}

.usePowerUnitBoxInfo.special {
	color: #ff9900 !important;
}

.usePowerUnitDiv span,
.usePowerUnitDiv p {
	color: white;
}

.usePowerUnitBlock span,
.usePowerUnitBlock p {
	color: white;
}

.toExport .content {
	color: #FF6600;
	font-weight: bold;
}

.btnBgColor {
	background: #12408A;
}
/*菜单颜色样式--kejilan*/
.leftMenuBody{
	/* background: linear-gradient(to top, #0a2b6a 0%, #061e50 30%, #041b4a 100%); */
	background-color: #304156;
}
.el-menu {
		background-color: rgba(0, 0, 0, 0);
		/*width: 2rem;*/
		/* background: linear-gradient(to top, #0a2b6a 0%, #061e50 30%, #041b4a 100%); */
		background-color: #25282c;
		border-right: 0 !important;
	}
	
	.el-submenu .el-submenu__title:hover {
		/* background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #041e4f 100%); */
		background-color: #1e2c3d;
		/* color: #38B2FF !important; */
	}
	/* .el-submenu .el-submenu__title:hover i {
		color: #38B2FF;
	} */
	.el-menu-item:hover {
		/* background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #041e4f 100%); */
		background-color: #1e2c3d !important;
		/* color: #38B2FF !important; */
	}
	.el-menu-item {
		height: 48px;
		line-height: 48px;

		padding-left: 12px !important;
		padding: 0 12px;
		font-size: 13px;
	}
	.el-menu-item:focus, .el-menu-item:hover {
		 background: transparent !important;
	}
	.el-submenu .el-menu-item {
		height: 48px;
		line-height: 48px;
		/* padding: 0 45px; */
		/* min-width: 200px; */
		color: #CCC !important;
		margin: 0px 12px;
		background: transparent;
		border-radius: 4px;
	}
	/* .el-menu-item.is-active {
		color: #fff !important;
		background-color: #2178F1;
	} */
	
	/* .el-menu .el-menu-item span {
		display: flex;
		min-width: 156px;
		align-items: center;
		height: 48px;
		background: transparent;
		border-radius: 4px;
		padding-left: 44px;
		box-sizing: border-box;
		font-size: 13px;
		color: #CCCCCC;
	} */
	
	.el-menu-item.is-active .leftmenu{
		background-color: #2178F1;
		color: #ffff;
		/* background: linear-gradient(to right, #5273C3 0%, #6282d1 50%, #041e4f 100%); */
		/* background-color: #368ed9 !important;
		color: #fff !important; */
	}
	.el-menu-item.is-active  .leftmenu .menuImage1{
		display: none;
	}
	.el-menu-item.is-active  .leftmenu .menuImage2{
		display: block;
	}
/* 树形结构 */
	 .el-tree-node.is-current>.el-tree-node__content{
		background-color:#E7F0FF !important;
	}
	.el-tree-node.is-current>.el-tree-node__content .custom-tree-node{
		color: #2178F1 !important;
	}
	.el-tree-node.is-current>.el-tree-node__content .custom-tree-node .treeimg{
		display: block !important;
	}
	
	
	.el-tree-node__content:hover {
		background-color: #CEDEFF !important;
	  }
/* 表格样式 */
.el-table th {
	/* color: #fff !important;
	background-color: #368ED9 !important;
	border-right: 1px solid #E6E6E6 !important; */
	color: #3D3D3D !important;
	background-color: #CEDEFF !important;
	border-right: 1px solid transparent !important;
	
}
.el-table th.el-table__cell>.cell {
	color: #3D3D3D !important;
}
.el-table .el-table__cell {
	border-right: 1px solid transparent !important;
	color: #1A1A1A !important;
	padding: 8px 0;
}
.el-table td.el-table__cell div {
	 font-size: 13px;
}
.el-table th.mytakjbk {
	background-color: #054f8f !important;
}

/* 列表导航样式 */


.list-navigation .item-active{
	color: #358ed9;
	background-color: #F3FAFF;
	border-left: 2px solid #368ed9;
}

.list-navigation .item-active .item{
	color: #358ed9 !important;
}
.leftPart-logo {
	background-color: #25282C !important;
}


/* 按钮颜色 */
.el-button--primary {
	background-color: #368ED9 !important;
	border-color: #368ED9 !important;
}
/* 普通按钮经过颜色 */
.el-button--primary:focus, .el-button--primary:hover {
	background: #3D9AEA;
    border-color: #3D9AEA;
}
/* 查询按钮颜色 */
.el-button--primary.is-plain {
	color: #368ED9 ;
	background-color: #deeffe !important;
	border-color: #368ED9 !important;
}
/* 查询按钮经过颜色 */
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
	background: #368ED9 !important;
    border-color: #368ED9 !important;
	color: #fff;
}
/* 按钮禁用的样式 */
.el-button--primary.is-disabled {
	background-color: #a0cfff !important;
    border-color: #a0cfff !important;
}

.el-menu {
	background-color: #25282c !important;
}

/* 开关状态 */
.el-switch.is-checked .el-switch__core  {
	border-color: #2178f1 !important;
    background-color: #2178f1 !important;

}
/* 表格操作按钮 */
.new-table-button {
	display: flex;
	justify-content: center;
	align-items: center;
}
.new-table-button  .el-button{
	padding: 4px 0px;
	margin-left: 0px !important;
}
.new-table-button  .edit-btn {
   color: #368ED9;
}
.new-table-button  .del-btn {
  color: #FF1D1D;
}
.new-table-button .line {
	width: 1px;
    display: inline-block;
    height: 18px;
    background: #E6E6E6;
    margin: 0px 10px;
}
/* 表格移上的样式颜色 */
.el-table--enable-row-hover .el-table__body tr:hover>td {
	background-color: #DEEFFE;
}

/* 穿梭框添加按钮 */
.conten-btns .left-add {
	background-color: #368ed9 !important;
}

/* 开关选中颜色 */
.switch-color {
	color: #368ed9 !important;
}

/* 主色 */
.dominant {
	background-color: #368ed9;
}

/* 分页器 */
.el-pagination.is-background .el-pager li:not(.disabled).is-active {
	background-color: #2178F1 !important;
}